<template>
  <div class="person">
    ???

  </div>
</template>

<script lang="ts" setup>
import { ref, reactive } from "vue"
import { type PersonInter, type Persons } from '@/types/index'


let person:PersonInter = { id: '321321ffaIDDD', name: '张三', age: 50 }

let personList: Persons = [
  { id: '321321ffaIDDD', name: '张三', age: 50 },
  { id: '321321ffaIDDD', name: '里斯', age: 21 },
  { id: '321321ffaIDDD', name: '寒冰', age: 24 }
]


</script>

<style lang="scss" scoped>
.person {
  background-color: skyblue;
  box-shadow: 0 0 10px;
  border-radius: 10px;
  color: white;
  padding: 20px;
}

button {
  margin: 0 5px;
}
</style>
